<template>
  <el-card class="box-card" style="margin: 10px 5px;width: 360px;float: left">
    <el-image
        style="width: 320px; height: 150px"
        :src="video_url"
        fit="fill" @click="palyVedio"></el-image>
    <div style="margin-top: 5px;font-family: '微软雅黑'!important;"><span>{{ title }}{{id}}</span></div>
    <div style="margin-top: 10px;font-family: '微软雅黑'!important;"><span>课程分类:&nbsp;&nbsp;{{ type }}</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>浏览量: {{ count }}</span></div>
  </el-card>
</template>

<script>
import videoPng from "../assets/video.png"
export default {
  name: "Video",
  props:['title','type','count','id'],
  data (){
    return {
      video_url:videoPng
    }
  },
  methods:{
    palyVedio(e){
      //this.$emit('click', e)
        // this.$message("播放"+this.id)
         this.$router.push("PlayVideo")
    }
  }
}
</script>

<style scoped>

</style>